<!DOCTYPE html>
<html>
<head>
	<title>join</title>
	<style type="text/css">
		/*CSS初始化*/
		body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
		body{font:16px "微软雅黑","宋体";}
		a{color:#14191e;text-decoration:none}
		a:hover{color:#666;font-weight:bold}
		em{font-style:normal}
		li{list-style:none}
		/*img{border:0;vertical-align:middle}*/
		input{
		    outline: none;
		}
		/*CSS初始化结束*/
		/*头部开始*/
		header{
		    width: 100%;
		    height: 80px;
		}
		/*body{*/
		    /*height: 4000px;*/
		/*}*/
		.logo{
		    float: left;
		    width: 300px;
		    height: 80px;
		}
		
		header .nav{
		    float: left;
		    width: 500px;
		    display: flex;
		}
		header .nav ul{
		    float: left;
		    text-align: center;
		}
		header .nav ul li{
		    display: inline;
		    float: left;
		    width: 100px;
		
		}
		header .nav ul li a{
		    display: inline-block;
		    float: left;
		    padding-left:25px;
		    height: 80px;
		    line-height: 80px;
		}
		.search{
		    float: left;
		    width: 300px;
		    height: 50px;
		    margin: 15px 15px;
		    position: relative;
		}
		.search input{
		    width: 260px;
		    height: 40px;
		    border-top:none;
		    border-left:none;
		    border-right:none;
		}
		.search img{
		    float: right;
		    width: 20px;
		    margin: 10px 0;
		    position: absolute;
		    top: 5px;
		    right: 10px;
		}
		.login{
		    float: right;
		    width: 219px;
		    display: flex;
		    flex-direction:row;
		}
		.login li{
		    display: inline-block;
		    flex: 1;
		    padding-left: 27px;
		}
		.login li a{
		    height: 50px;
		    line-height: 50px;
		    float: right;
		    margin-top: 15px;
		}
		/*头部结束*/
		
		
		/*底部开始*/
		.line{
		    width: 90%;
		    border-top: 1px solid #666;
		    margin: 30px auto 0;
		    color: #ff7631;
		    padding: 15px;
		}
		footer p{
		    text-align: center;
		    font-size: 15px;
		    font-weight: 700;
		}
		footer a{
		    font-size: 14px;
		    color: #999;
		}
		.copyright{
		  text-align: center;
		    color: #999;
		    font-size: 14px;
		    margin-top: 15px;
		}
		/*底部结束*/
		section{
			width: 800px;
			height: 800px;
			margin: 10px auto;
			border: 1px solid #999;
		}
		section div{
			margin-bottom: 30px;
			font-size: 16px;
			color: #aaa;
		}
	</style>
</head>
<body>
	 <!--头部开始-->
    <header>
        <div class="logo"><img src="images/logo.jpg" alt=""></div>
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">菜谱</a></li>
                <li><a href="#">加入我们</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
        <div class="search">
            <input type="text">
            <img src="images/search.png">
        </div>
        <div class="login">
            <ul>
                <li><a href="#">注册</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">退出</a></li>
            </ul>
        </div>
    </header>
        <!--头部结束-->
       <div class="pic"><img src="images/join.png"></div>
       <section  style="height:1000px;">
       		<div class="one">
       			<img src="images/join1.png">
       			<p><pre>    走胃更走心只对外开展两类招聘，即社会招聘及实习生招聘。社会招聘面对有相关工作经验的专业人士，申</br> 请职位时请仔细阅读职位描述， 了解基本职责和任职要求。实习生招聘面对在校学生（非应届），招聘时间会</br> 根据公司具体需求而定。</pre></p>
       		</div>
       		<div class="two">
       			<img src="images/join2.png">
       			<p><pre>    走胃更走心需要对美食有热情，喜欢创新，有研究精神和团队合作精神的小伙伴们。希望你们能在美食天下</br>  发光发热，与公司共同成长，创造更美好的未来！</pre></p>
       		</div>
       		<div class="three">
       			<img src="images/join3.png">
       			<p><pre>    您可以发送个人简历至hr#meishichina.com（发送邮件时请将#替换为@），请以个人姓名和应聘职位为邮件</br>  主题，这将有助于吸引人力资源部工作人员的注意。</pre></p>
       		</div>
       		<div class="four">
       			<img src="images/join4.png">
       			<p><pre>    您可以通过多种渠道了解美食天下，以及想要申请的职位信息，以便您更准确的找到适合您的职位。如果您</br>  有自己的创意作品或设计产品，那么不妨在您面试的时候将它展示给我们，这样我们可以更清楚了解您的经验</br>  与创造力。如果人力资源部正式邀请您来公司面试，请您一定要携带最新的简历到公司参与面试。</pre></p>
       		</div>
       		<div class="five">
       			<img src="images/join5.png">
       			<p><pre>    收到您的简历及职位申请后，面试官会进行简历筛选，对符合要求的候选人进行面试通知。初次面试，面试</br>  官会对您的综合素质等进行考察，考察合格即将在一周内通知第二轮面试。第二轮面试，面试官会对您的专业</br>  知识等进行考察，考察合格在三个工作日内告知结果。对于达成意向的候选人在5个工作日内通知入职。</pre></p>
       		</div>
       		<div class="six">
       			<img src="images/join6.png">
       			<p><pre>    走胃更走心除了五险一金，带薪年假外，还有餐补，婚育贺礼，带薪病假，生日会，团队建设，节日福利，</br>  度体检、外出旅游等福利。</pre></p>
       		</div>
       		<div class="seven">
       			<img src="images/join7.png">
       			<p><pre>    走胃更走心需要对美食有热情，喜欢创新，有研究精神和团队合作精神的小伙伴们。希望你们能在美食天下<br>  发光发热，与公司共同成长，创造更美好的未来！<pre></p>
       		</div>
       </section>
        <footer>
        <!--底部开始-->
        <div class="line"><h3>走胃更走心---吃得健康又营养!</h3></div>
        <p class="link">友情链接:
            <a href="http://life.iqiyi.com/">爱奇艺生活</a>
            <a href="http://www.zhms.cn/">中华美食网</a>
            <a href="http://www.pcbaby.com.cn/">太平洋亲子网</a>
            <a href="http://food.poco.cn/">POCO美食网</a>
            <a href="http://www.21food.cn/">食品商务网</a>
            <a href="http://www.mama.cn/">妈妈网</a>
            <a href="http://www.39yst.com/">三九养生堂</a>
            <a href="http://www.258.com/">企业服务平台</a>
            <a href="http://www.yidianzixun.com/">一点资讯</a>
            <a href="http://www.hc360.com/">慧聪网</a>
        </p>
        <p class="copyright">版权所有 © 2004-2019 走心更走胃 保留所有权利</p>
        <!--底部结束-->
    </footer>
</body>
</html>